<template>
    <div id="about">
        <div class="head">        
            <div class="back" @click="$router.go(-1)">            
                <mu-icon value="chevron_left"  />
            </div>
            <div class="search" @click="">
                {{ msg }}            
            </div>
            <div class="flex1"></div>
        </div>

         <div class="banner">
            <img src="../../../assets/images/pic1.png">
        </div>

        <div class="">
          <mu-sub-header>阳光</mu-sub-header>
          <mu-content-block>
            散落在指尖的阳光，我试着轻轻抓住光影的踪迹，它却在眉宇间投下一片淡淡的阴影。调皮的阳光掀动了四月的心帘，温暖如约的歌声渐起。似乎在诉说着，我也可以在漆黑的角落里，找到阴影背后的阳光，找到阳光与阴影奏出和谐的旋律。我要用一颗敏感赤诚的心迎接每一缕滑过指尖的阳光！
          </mu-content-block>
        </div>
    </div>


</template>

<script>
    //require('../../assets/css/personalcenter.scss'); //引入的scss
    import {
        mapState,
        mapGetters,
        mapMutations,
        mapActions
    } from 'vuex'
    export default {
        name: 'myself', //组件的名字
        data() {
            return { //数据
                msg: '关于我们'
            }
        },
        methods: { //方法
            
        },
        computed: { //计算 用来引入vuex里面state

        },
        mounted: function() { //组件加载完成

        },
        watch: { //健康某个数据变化后触发某个事件

        },
        destroyed: function() { //离开这个组件
        },
        components: {

        }

    }
</script>
<style scoped lang="scss">
    .head {
        .back {
            flex: 1;
            text-align: center;
            color: #fff;
            line-height: 64px;
        }
        .search {
            flex: 5;
            position: relative;
            text-align: center;
            color: #fff;
            font-size: 18px;
        }
        .email {
            flex: 1;
            line-height: 64px;
            text-align: center;
            color: #fff;
        }
    }
</style>
<!-- Add "scoped" attribute to limit CSS to this component only -->